Page Index
5 C 小程序本地测试和手机预览
JL 于 2020-08-06 16:44:00 +08:00 修改了此页面
此文件含有模棱两可的 Unicode 字符

此文件含有可能会与其他字符混淆的 Unicode 字符。 如果您是想特意这样的,可以安全地忽略该警告。 使用 Escape 按钮显示他们。

在微信小程序本地开发测试过程中,会遇到一个坑:在微信开发者工具中能正常请求本地后台数据,但在手机预览中却请求不到

解决此问题需要有以下5点设置

1、在微信开发者工具中勾上不校验合法域名、web-view业务域名、TLS 版本以及 HTTPS 证书

2、服务器地址basePathjoolun-ma/config/env.js不得使用localhost,而应改成本地服务器所在的电脑IP

3、手机和电脑本地服务器需要连接同一局域网WIFI网络

4、手机扫码进入小程序后,需要打开调试模式才能请求到数据

进入小程序后,此时页面的数据依旧是空的;点击右上角三个点,打开调试

打开调试后会自动关闭当前小程序,需要重新进入,调试模式才生效

重新进入小程序,可以看到页面数据已经出来了,并且右下角有个绿色方形的调试工具按钮

5、关闭电脑的防火墙,确保手机能访问到后台服务